<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css"></link>
    <link rel="stylesheet" href="css/fullpage.css"></link>
</head>
<body>
    <div id="wrap">
       <div v-if="is_mobile" class="sy_mobile">
                <div class="mobile_nav">
                    <div class="m_nav_bg"></div>
                    <div class="m_nav_con">
                        <div class="m_nav_box">
                           <p>集团简介</p>
                           <div class="m_nav_box2">
                              <a href="#">公司简介</a>
                              <a href="#">大事记</a>
                              <a href="#">国内分公司</a>
                              <a href="#">公司大事记</a>
                           </div>
                        </div>
                        <div class="m_nav_box">
                           <p>新闻中心</p>
                           <div class="m_nav_box2">
                              <a href="#">新闻中心</a>
                           </div>
                        </div>
                        <div class="m_nav_box on">
                           <p>产业模块</p>
                           <div class="m_nav_box2">
                              <a href="#">土地污染治理</a>
                              <a href="#">黑臭水体治理</a>
                              <a href="#">固废治理</a>
                              <a href="#">危废治理</a>
                           </div>
                        </div>
                    </div>
                    <div class="m_nav_close"></div>
                </div>
                <div class="pc_log">
                            <img src="img/logo.png" width="56"/>
                        </div>
                        <div class="pc_nav_btn"></div>
              <div id="pageContain">
                <div class="page page1 current">
                    <div class="contain">
                        <img src="img/ib_6.png" class="contain_img"></img>
                        
                        <div class="pc_head_text">
                             <h1 class="pc_head_title">爱土工程</h1>
                             <h2 class="pc_head_des">“仁”怀天下 “爱”心无疆</h2>
                        </div>

                        <div class="down_btn">
                        </div>
                    </div>
                </div>
                <div class="page">
                    <div class="contain">
                        <div class="pc_s4_box">
                            <img src="img/ib_2.png"  class="contain_img"/>
                            <p class="pc_s4_title">土壤污染治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                        </div>
                        <div class="down_btn">
                        </div>
                    </div>
                </div>
                <div class="page">
                    <div class="contain">
                        
                        <div class="pc_s4_box">
                            <img src="img/ib_3.png"  class="contain_img"/>
                            <p class="pc_s4_title">黑臭水体治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        
                        <div class="down_btn">
                        </div>
                    </div>
                </div>
                <div class="page page2">
                    <div class="contain">
                        
                        <div class="pc_s4_box">
                            <img src="img/ib_4.png"  class="contain_img"/>
                            <p class="pc_s4_title">固废治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        
                        <div class="down_btn">
                        </div>
                    </div>
                </div>
                <div class="page page2">
                    <div class="contain">
                        <div class="pc_s4_box">
                            <img src="img/ib_5.png"  class="contain_img"/>
                            <p class="pc_s4_title">危废治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        <div class="down_btn">
                        </div>
                    </div>
                </div>

                <div class="page page3" >
                    <div class="contain">
                      <img src="img/b5.jpg" class="contain_img"></img>
                      <div class="pc_footer_content">
                          <img src="img/lx_logo.png" />
                          <h1>联系我们</h1>
                          <p>010-6504 7200</p>
                          <p>地址：北京市朝阳区东四环中路41号嘉泰国际大厦18层</p>
                          <img src="img/wx.png" />
                      </div>
                    </div>
                </div>
           </div>
           
       </div>
       <div v-else class="sy_pc">
           <div id="pageContain">
                <div class="page page1 current">
                    <div class="contain">
                        <img src="img/ib_6.png" class="contain_img"></img>
                         <div class="pc_head_index">
                            <div class="pc_logo">
                                <img src="img/aitu_b.png" width="130"/>
                             </div>
                             <div class="nav_index">
                                <div class="nav_index_box">
                                    <a href="#">集团简介</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <a href="#" >公司简介</a>
                                          <a href="#" >大事记</a>
                                          <a href="#" >国内分公司</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav_index_box">
                                    <a href="#">新闻中心</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <a href="#" >公司简介</a>
                                          <a href="#" >大事记</a>
                                          <a href="#" >国内分公司</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav_index_box">
                                    <a href="#">产业模块</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <a href="#" >公司简介</a>
                                          <a href="#" >大事记</a>
                                          <a href="#" >国内分公司</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav_index_box">
                                    <a href="#">经典项目</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <div class="nav_box2_con">
                                            <a href="#" >公司简介</a>
                                            <a href="#" >大事记</a>
                                            <a href="#" >国内分公司</a>
                                          </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav_index_box">
                                    <a href="#">企业文化</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <a href="#" >公司简介</a>
                                          <a href="#" >大事记</a>
                                          <a href="#" >国内分公司</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav_index_box">
                                    <a href="#">人才汇集</a>
                                    <div class="nav_box2_wrap">
                                        <div class="nav_box2">
                                          <div class="nav_box2_bg"></div>
                                          <a href="#" >公司简介</a>
                                          <a href="#" >大事记</a>
                                          <a href="#" >国内分公司</a>
                                        </div>
                                    </div>
                                </div>
                             </div>
                         </div>

                        <div class="pc_head_text">
                             <h1 class="pc_head_title">爱土工程</h1>
                             <h2 class="pc_head_des">“仁”怀天下 “爱”心无疆</h2>
                        </div>

                        <div class="down_btn">
                            
                        </div>
                    </div>
                </div>
                <div class="page page2">
                    <div class="contain">
                        <div class="pc_s4_box">
                            <img src="img/ib_2.png"  class="contain_img"/>
                            <p class="pc_s4_title">土壤污染治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        <div class="pc_s4_box">
                            <img src="img/ib_3.png"  class="contain_img"/>
                            <p class="pc_s4_title">黑臭水体治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        <div class="pc_s4_box">
                            <img src="img/ib_4.png"  class="contain_img"/>
                            <p class="pc_s4_title">固废治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        <div class="pc_s4_box">
                            <img src="img/ib_5.png"  class="contain_img"/>
                            <p class="pc_s4_title">危废治理</p>
                            <div class="pc_s4_bottom">
                                <a  href="#">技术</a>
                                <a  href="#">案例</a>
                            </div>
                            
                        </div>
                        <div class="down_btn">
                        </div>
                    </div>
                </div>

                <div class="page page3" >
                    <div class="contain">
                      <img src="img/b5.jpg" class="contain_img"></img>
                      <div class="pc_footer_content">
                          <img src="img/lx_logo.png" />
                          <h1>联系我们</h1>
                          <p>010-6504 7200</p>
                          <p>地址：北京市朝阳区东四环中路41号嘉泰国际大厦18层</p>
                          <br/>
                          <img src="img/wx.png" class="img_wx" />
                      </div>
                    </div>
                </div>
           </div>
          
       </div>
    </div>
    <script src="js/jquery.js"></script>
     <script src="js/fullpage.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/util.js"></script>
    <script>
        var all_data={};
        all_data.is_mobile = util.check_mobile();
        all_data.all_w = util.get_w();
        all_data.all_h = util.get_h();
        all_data.data={
            "nav":{
                cur_index:2,
                children:[
                    {
                        "name":"首页",
                        "url":"http://www.baidu.com"
                    },
                    {
                        "name":"首页",
                        "url":"http://www.baidu.com"
                    },
                ]
            },
            "top_bg_url":"",
            "channel_list":[
                {
                    "img_url":"http://www.baidu.com",
                    "url":"http://www.baidu.com",
                    "children":[
                        {
                            "name":"技术",
                            "url":"http://www.baidu.com"
                        },
                        {
                            "name":"诚实",
                            "url":"http://www.baidu.com"
                        },
                    ]
                },
                {
                    "name":"首页",
                    "url":"http://www.baidu.com"
                },
            ]
        }
        // vue 实例
        // var vue = new Vue({
        //     el:"#wrap",
        //     data:all_data,
        //     template:$("#wrap_template").html(),
        //     method:function(){
        
        //     },
        //     created:function(){
                
        //     },
        //     mounted:function(){
        //         init_all();
        //     }
        // })

        $(function(){
            if(util.check_mobile()){
                $(".sy_pc").remove();
            }else{
               $(".sy_mobile").remove();
                
            }
            init_all();
        })
        function init_all(){
             // 全屏滚动
            var runPage = new FullPage({
                id : 'pageContain',                            // id of contain
                slideTime : 800,                               // time of slide
                continuous : false,                            // create an infinite feel with no endpoints
                effect : {                                     // slide effect
                        transform : {
                            translate : 'Y',                   // 'X'|'Y'|'XY'|'none'
                            scale : [1, 1],                // [scalefrom, scaleto]
                            rotate : [0, 0]                    // [rotatefrom, rotateto]
                        },
                        opacity : [0, 1]                       // [opacityfrom, opacityto]
                    },                           
                mode : 'wheel,touch',               // mode of fullpage
                easing : 'ease'                                // easing('ease','ease-in','ease-in-out' or use cubic-bezier like [.33, 1.81, 1, 1];
                //  ,onSwipeStart : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,beforeChange : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,callback : function(index, thisPage) {       // callback when pageChange
                //    alert(index);
                //  };
            });

            // 事件绑定
            // 滚屏绑定
            $(".down_btn").on("click",function(){
                runPage.next();
            })
            // 菜单
            $(".pc_nav_btn").on("click",function(){
                $(".mobile_nav").addClass("on");
            })
            $(".m_nav_box").on("click",function(){
                $(".m_nav_box").removeClass("on");
                $(this).addClass("on");
            })
            $(".m_nav_close").on("click",function(){
                $(".mobile_nav").removeClass("on");
            })
            // 其他单独绑定
             if(all_data.is_mobile){
                init_wap();
             }else{
                init_pc();
             }
        }
        function init_pc(){
        }
        function init_wap(){
            console.log(1233121);
        }
    </script>
</body>
</html>
